<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>判断回文字符串</title>
</head>
<body>
    <script>

        var str1 = 'abcba';
        var str2 = '你好世界世好你';
        var str3 = 'ashbhta';
        var str4 = 'asdfoakhfsa';

        /* 
            思路：
                * 自身：直接charAt比较第一位和最后一位，以此类推 
                * 课堂：转数组后反转再转回字符串，对比
        */

        function isPalindrome(str){
            var length = str.length;
            var isTrue = true;
            for(var i=0;i<length;i++){
                if(str[i] === str[length-i-1]){
                    // 相同则往下继续判断
                    isTrue = true;
                }else{
                    // 存在不相同则停止循环不用再判断，直接输出结果
                    isTrue = false;
                    break;
                }
            }
            return isTrue
        }
        
        console.log(str1+'是否为回文字符串：',isPalindrome(str1));
        console.log(str2+'是否为回文字符串：',isPalindrome(str2));
        console.log(str3+'是否为回文字符串：',isPalindrome(str3));
        console.log(str4+'是否为回文字符串：',isPalindrome(str4));

    </script>
</body>
</html>